<template>
  <div id="Home">
    <my-header id="header"></my-header>
    <!-- Card区域 -->
    <div id="card">
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </div>
    <div id="footer"></div>
  </div>
</template>
<script>
import MyHeader from "../common/Header"
export default {
  name:"Home",
  components:{
    MyHeader
  }
}
</script>
<style lang="less" scoped>
#header{
  position:fixed;
  left: 0;
  right: 0;
  top: 0 ;
  z-index: 10;
}
#Home{
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #EAEAEA;
}
#card{
  overflow-y: auto;
  height: 100vh;
}
</style>